<template>
  <div>
    <el-form label-width="120px">
      <el-form-item label="医院名称">
        <el-input v-model="hospSet.hosname"/>
      </el-form-item>
      <el-form-item label="医院编号">
        <el-input v-model="hospSet.hoscode"/>
      </el-form-item>
      <el-form-item label="api基础路径">
        <el-input v-model="hospSet.apiUrl"/>
      </el-form-item>
      <el-form-item label="联系人姓名">
        <el-input v-model="hospSet.contactsName"/>
      </el-form-item>
      <el-form-item label="联系人手机">
        <el-input v-model="hospSet.contactsPhone"/>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="saveOrUpdate">保存</el-button>
      </el-form-item>
    </el-form>

  </div>
</template>
<script>
  import hospSet from '../../api/hospSet'
  export default {
    data(){
      return{
        hospSet:{}
      }
    },
    created() {
        //获取路由id值 调用接口得到医院设置信息
        if(this.$route.params && this.$route.params.id) {
          const id = this.$route.params.id
          this.getHostSet(id)
      }

    },
    methods:{
      saveOrUpdate(){
        if (!this.hospSet.id){
          hospSet.saveHospSet(this.hospSet).then(res=>{
            this.$message({
              type: 'success',
              message: '添加成功'
            })
            //跳转回列表页面
            this.$router().push("/hospSet/list")
          })
        }else {
          hospSet.updateHospSet(this.hospSet).then(res=>{
            this.$message({
              type: 'success',
              message: '修改成功'
            })
            //跳转回列表页面
            this.$router.push("/hospSet/list")
          })
        }
      },
      //根据id查询
      getHostSet(id) {
        hospSet.getHospSet(id)
          .then(response => {
            this.hospSet = response.data
          })
      }
    }
  }
</script>
